參賽動機

本人有一個進度緩慢的 Side Project 叫做 The Key Of Huanche，簡要的解釋大致上就是：

弄一個像是 Minecraft 一般的 Voxel 世界，然後丟一些 Agent 進去進行增強式機器學習。

最近 在Side Project 的技術上有一些突破，而朋友又剛好提起他想參加鐵人賽這件事。後來我發現目前正在使用的函式庫/工具，都算是蠻經典的，整理一下或許剛好可以當成一個系列的文章來參加鐵人賽，於是就試著參加看看了。

並且本人作為前端軟體工程師剛好也正要滿兩年了，參加鐵人賽整理一下自己累積的經驗並且作為一個人生里程碑似乎不錯。

食用須知

這系列文章並不會是一個完整、有系統的教學，更比較像是筆記與案例展示，但是本人會盡量以像是兩年前的自己解釋一般的那樣考慮從零基礎的角度來解釋這些工具，並且會大量提及各種本人過去進行過或接觸過得專案與工具，然而最好不要把它們當成某種主流用法，請當作本人的某種胡搞瞎搞。

大綱規劃

目前對於文章的大綱規劃大致如下（暫定）：

前提概要

1. The Key Of Huanche 專案簡介
2. 淺談 Javascript
3. 淺談 Typescript

Hakoniwa

4. Hakoniwa 專案簡介

前端

5. Webpack 與 Vite 簡介
6. React 簡介
7. Three.js 簡介
8. R3F (React-Three-Fiber) 簡介
9. Puppeteer 簡介

後端

10. Express 簡介
11. IPC 與 Pipe 簡介
12. Socket.io 簡介
13. Webp 簡介
14. FFmpeg 簡介
15. Node.js child_process 簡介
16. blessed 與 blessed-react 簡介

美術

17. Pixel Art (LibreSprite, Aseprite 簡介)
18. Voxel 建模 (Goxel, Blender 簡介)

實做

19. Hakoniwa prototype

Primordial Soup

20. Primordial Soup 專案簡介

後端

21. AdonisJs 簡介
22. Sqlite 簡介

基礎建設

23. C++ Pacakge Manager 簡介
24. Gtest 與 Cmake 簡介

實做

25. BNN Tools
26. Primordial Soup prototype

Monkey

工具

27. ZeroMQ 簡介

實做

28. Monkey prototype

整合

29. Docker 簡介
30. Docker Compose 簡介

主要是找一些我研究過或寫過文章的題目確保了 30 天份的內容，但是如果未來有發生什麼改變，比如：實做的內容足夠拆分成多篇文章，那我就會把暫定的題目用新的內容取代掉。